html, body {
    background:#F7FBFF;
}

.focus {
  width: 100%;
  margin: 0 auto;
  /* position: fixed; */
  left: 0;
  right: 0;
  z-index: 97;
  top: 0rem;
  /* height: 6.5rem; */
  padding: 1.6rem 4% 6px 4%;
  /* background: #289FFF; */
  
  display: flex;
  justify-content: space-between;
}
.aui-bar-nav{
  border-radius: 15px 15px 0px 0px;
  /* background-color: #289fff; */
}
.aui-bar{
  min-height: 4rem;
  /* top: 20px !important; */
  z-index: 999999;
}
.my_user_info_cont{
  flex: 1;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.my_user_img{
  width: 2rem;
  height: 2rem;
  margin-right: 10px;
}
.my_user_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border:solid 2px #f5f5f5;
}
.my_user_info{
  flex: 1;
  font-size: 12px;
  margin-top: 2px;
  color: #000;
  word-break: break-all;
}
.my_user_name{
  text-align: left;
  font-size: 0.8rem;
  line-height: 0.9rem;
  /* font-weight: 600; */
}
.my_user_postion{
  text-align: left;
  font-size: 0.6rem;
  line-height: 0.8rem;
  color: #999;
  margin-top: 3px;
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
/* .scan_img{
  padding-top: 15px;
} */
.scan_img i.iconfont {
  font-size: 1.1rem;
  color: #333;
  font-weight: 600;
}
.aui-refresh-content{
  margin-top: 8.7rem;
}
.aui-searchbar-input-white{
  background: #eee!important;
  border-radius: 8px!important;
  margin: 0 0.75rem;
  line-height: 1.8rem;
}
.aui-border-radius i{
  font-size: 20px;
  margin-right: 5px;
  color: #9e9e9e;
}
.scroll_box{
  background: #fff;
}
.aui-searchbar{
  height: 2rem;
}
.searchbox{
  /* padding-bottom: 10px; */
  /* padding-top: 10px; */
  /* border-bottom: solid 0.5px #f5f5f5; */
}
.boxsty{
  background: #fff;
}
.title-icon{
  width: 96%;
  margin-left: 4%;
  /* padding-bottom: 10px; */
  border-bottom:solid 0.5px #f5f5f5;
  overflow: hidden;
}
.left-icon{
  /* width: 80%; */
  float: left;
  overflow: hidden;
}
.left-icon i,.right-icon i{
  color: #bbb;
  margin-right: 15px;
  font-size: 20px;
}
.right-icon{
  width: 19%;
  float: right;
  text-align: right;
  overflow: hidden;
}
.right-icon i{
  font-size: 18px!important;
}
.yy-content{
  width: 92%;
  margin: 0 auto;
  padding-top: 10px;
  /* background: #f00; */
}
.news-item{
  width: 100%;
  margin-bottom: 22px;
  /* margin-top: 3px; */
  padding-top: 6px;
  position: relative;
  overflow: hidden;
  /* display: inline-flex; */
}
.picbox{
  width: 15%;
  float: left;
  
}
.newsitem-pic{
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9px;
  /* background: #f00; */
  text-align: center;
}
.newsnum{
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  top: 0px;
  left: 2rem;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  text-align: center;
  font-size: 0.6rem;
}
/* .newsitem-pic i{
  font-size: 26px;
  line-height: 2.4rem;
  color: #fff;
} */
.newsitem-pic img{
  border-radius: 9px;
}
.newsitem-text{
  width: 81%;
  float: right;
  margin-left: 3%;

}
.text-one{
  width: 100%;
  height: 1.25rem;
  margin-top: 2px;
  line-height: 1.25rem;
  display: inline-flex;
}
.text-title{
  width: 70%;
  float: left;
  font-size: 0.85rem;
}
.text-time{
  width: 29%;
  float: right;
  text-align: right;
  font-size: 0.6rem;
  color: #999;
}
.text-detail{
  width: 100%;
  font-size: 0.68rem;
  color: #999;
}
.ellipsis-1{
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}